<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>委托</title>
    <script src="js/jquery-3.5.1.min.js"></script>
    <link href="layui-v2.6.4/layui/css/layui.css" rel="stylesheet" type="text/css"/>
    <link href="layui-v2.6.4/layui/css/modules/code.css" rel="stylesheet" type="text/css"/>
    <script charset="utf-8" src="layui-v2.6.4/layui/layui.js" type="text/javascript"></script>
    <script>
        layui.use('element', function () {
            var element = layui.element;
        });
    </script>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }

        .search {
            width: 500px;
            height: 50px;
            border-radius: 22px;
            outline: none;
            border: 1px solid #ccc;

        }

        .btn {
            height: 35px;
            width: 100px;
            border-radius: 15px;
        }
    </style>
</head>
<body>
<div class="div_top" th:replace="include/top"></div>


<div class="layui-row">

    <div class="layui-col-md2" style="background-color: #00F7DE;height: 400px">
        阿星
    </div>

    <div class="layui-col-md8">

        <div class="layui-row">
            <div align="center" class="layui-col-md2" style="height: 50px;margin-top: 20px;font-size: 20px;">
                文章标题:
            </div>
            <div align="center" class="layui-col-md8" style="height: 50px;margin-top: 20px;font-size: 20px;">
                内容:
            </div>
            <div align="center" class="layui-col-md2" style="height: 50px;margin-top: 20px;font-size: 20px;color: #00FF00;">
                作者;
            </div>
        </div>


        <div class="layui-row"   th:each="tiezi,iterStat:${tieziList}" >
            <div align="center" class="layui-col-md1" style="height: 50px;margin-top: 20px;font-size: 15px;" th:text="${iterStat.index}">

            </div>
            <div align="center" class="layui-col-md1" style="height: 50px;margin-top: 20px;font-size: 15px;" th:text="${tiezi.foTitle}">

            </div>
            <div align="center" class="layui-col-md8" style="height: 50px;margin-top: 20px;font-size: 15px;" th:text="${tiezi.foData}" >

            </div>
            <div align="center" class="layui-col-md2" style="height: 50px;margin-top: 20px;font-size: 15px;" th:text="${tiezi.userName}" >

            </div>
            <br>
            <br>

            <div class="layui-row"    th:text="${tiezi.foTitle}+的评论区" style="background-color: #9F9F9F;height: 50px;width: 100%" >

            </div>
            <br>
            <br>
            <br>

        </div>


    </div>

    <div class="layui-col-md2" style="background-color: #00F7DE;height: 400px">
        阿星
    </div>
</div>


<script charset="utf-8" src="layui/layui.all.js" type="text/javascript"></script>
<script>
    //注意：导航 依赖 element 模块，否则无法进行功能性操作
    layui.use(['element', 'layer', 'jquery', 'form', 'laydate', 'carousel'], function () {
        var element = layui.element;




        var carousel = layui.carousel;
        //建造实例
        carousel.render({
            elem: '#test1'
            , width: '100%' //设置容器宽度
            , arrow: 'always' //始终显示箭头
            //,anim: 'updown' //切换动画方式
        });
        //…
    });


</script>
</body>
</html>
